<template>
  <div class="msgdetail">
    <p class="title">{{messageInfo.title}} </p>
    <p class="date">{{messageInfo.sendDate}}</p>
    <ul>
      <li v-html="messageInfo.content"></li>
    </ul>
  </div>
</template>

<script type="text/ecmascript-6">
  import {getMessageInfoDetail} from '../../../test/unit/http'
  import {Toast} from 'we-vue'
  export default {
    name: 'lookmsgdetail',
    props: {},
    data() {
      return {
        messageInfo: {}
      };
    },
    methods: {},
    created() {
      var messageInfoId = this.$route.query.messageInfoId;
      getMessageInfoDetail({messageInfoId: messageInfoId}).then(res => {
        console.log(res);
        if (res.code == 100) {
          this.messageInfo = res.object.messageInfo;
        }
      })
    },
    components: {}
  }
</script>


<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less" rel="stylesheet/less">
  .msgdetail {
    padding: 10px;
    text-align: left;
    .title {
      font-size: 18px;
      color: #111;
    }
    .date {
      font-size: 13px;
      color: #999;
      margin: 15px 0;
    }
    li {
      line-height: 30px;
      font-size: 17px;
      color: #333;
      margin-bottom: 15px;
    }
  }
</style>
